/**
 * Created by zxr on 16/11/21.
 */
/**
 * Created by zxr on 16/8/19.
 */
var gulp = require('gulp');
var gulp_sass = require('gulp-sass');
var cssmin = require('gulp-minify-css');
var spriter = require('gulp-css-spriter');
var spritesmith=require('gulp.spritesmith');


gulp.task('css',function(){
	gulp.src('./static/sass/main.scss')
		.pipe(gulp_sass())
		//.pipe(cssver())//给css文件里引用url加版本号（根据引用文件的md5生产版本号）
		.pipe(cssmin({
			advanced: false,//类型：Boolean 默认：true [是否开启高级优化（合并选择器等）]
			compatibility: 'ie7',//保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]
			keepBreaks: true,//类型：Boolean 默认：false [是否保留换行]
			keepSpecialComments: '*'
			//保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀，如果不加这个参数，有可能将会删除你的部分前缀
		}))
		.pipe(gulp.dest('./static/css'))
});

gulp.task('sprite', function () {
	return gulp.src('static/images/icon3/*.png')//需要合并的图片地址
	 .pipe(spritesmith({
	 imgName: 'sprite2.png',//保存合并后图片的地址
	 cssName: 'css/sprite.css',//保存合并后对于css样式的地址
	 padding:4,//合并时两个图片的间距
	 algorithm: 'top-down',//注释1
	 cssTemplate:"static/css/main.css"//注释2
	 }))
	 .pipe(gulp.dest('static/dist/'));
	 });

//gulp.task('cssSpt', function() {
//	return gulp.src('static/css/sprite.css')//比如recharge.css这个样式里面什么都不用改，是你想要合并的图就要引用这个样式。 很重要 注意(recharge.css)这个是我的项目。别傻到家抄我一样的。
//		.pipe(spriter({
//			// The path and file name of where we will save the sprite sheet
//			'spriteSheet': './static/images/sprite.png', //这是雪碧图自动合成的图。 很重要
//			// Because we don't know where you will end up saving the CSS file at this point in the pipe,
//			// we need a litle help identifying where it will be.
//			'pathToSpriteSheetFromCSS': '../images/sprite.png' //这是在css引用的图片路径，很重要
//		}))
//		.pipe(gulp.dest('./dist/css')); //最后生成出来
//});

gulp.task('vc_css',function(){
	gulp.src('./static/sass/vc.scss')
		.pipe(gulp_sass())
		//.pipe(cssver())//给css文件里引用url加版本号（根据引用文件的md5生产版本号）
		.pipe(cssmin({
			advanced: false,//类型：Boolean 默认：true [是否开启高级优化（合并选择器等）]
			compatibility: 'ie7',//保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]
			keepBreaks: true,//类型：Boolean 默认：false [是否保留换行]
			keepSpecialComments: '*'
			//保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀，如果不加这个参数，有可能将会删除你的部分前缀
		}))
		.pipe(gulp.dest('./static/css'))
});


gulp.task('default', ['css'] , function() {

	gulp.watch(['static/sass/**/*.scss'], function() {
		gulp.run('css');
	});

});
gulp.task('vc', ['vc_css'] , function() {

	gulp.watch(['static/sass/vc.scss'], function() {
		gulp.run('vc_css');
	});

});
